.register{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: rgb(216, 216, 216);
    z-index: 10;
  .cc{
    width: 100%;
    height: 100%;
  }
   .content{
     background-color:  rgba(255, 255, 255, 0.11);
     width: 100%;
     height: 100%;
     position: absolute;


     .form-box{
         position: relative;
         padding-top: 200px;
         width: 100%;
         .head{
             margin: 0 auto;
             width: 90%;
             height: 250px;
             background: url('../../assets/img/registerBg.jpeg') center no-repeat;
             background-size: 100%;
         }
         .van-form{
             padding-top: 30px;
            height: 600px;
            background-color: #fff;
            margin: 0 auto;
             width: 90%;
             
         }
         .tips{

             padding: 20px 0;
             border-top: 1px solid #d4d4d4;
             font-size: 30px;
             letter-spacing: 1px;
             height: 190px;
             position: absolute;
             bottom: 0;
             right: 5%;
             width: 90%;
             text-align: center;
             color: #aee0da;
             span{
                 
                 padding: 20px;
             }
             .back{
                 margin-top: 78px;
                 text-align: center;
                 width: 260px;
                 height: 80px;
                 line-height: 80px;
                 background-color:#181818;
                 border-radius:5%;
                 color: #fff;
                margin-right:36px;
                display: inline-block;
                float: right;
                
             }
         }
     }

   }

    .cc-enter,.cc-leave-to{
        top: -100%;
        right: -100%;
      }
      .cc-enter-active,.cc-leave-active{
        transition:1s all ease;
        
      }
      .cc-enter-to,.cc-leave{
        top: 0;
        right: 0;
      }
      
}